{% extends 'base.html' %}
{% load i18n %}

{% block head %}
  <link href="{{ STATIC_URL }}css/messages.css" rel="stylesheet">
  <script src="{{ STATIC_URL }}js/messages.js"></script>
  <script src="{{ STATIC_URL }}js/jquery.typeahead.bundle.js"></script>
{% endblock head %}

{% block main %}
  <div class="page-header">
    <a href="{% url 'new_message' %}" class="btn btn-primary pull-right">{% trans 'New message' %}</a>
    <h1>{% block page_header %}{% endblock %}</h1>
  </div>
  <div class="row" style="margin-top: 1em">
    <div class="col-md-3">
      {% include 'messages/includes/partial_conversations.html' with conversations=conversations active=active %}
    </div>
    <div class="col-md-9">
      {% block container %}
      {% endblock container %}
    </div>
  </div>
{% endblock main %}